<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="jypath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>

	<head>
	<script type="text/javascript">
          var contextPath = '${jypath}';
          var permitBtn = '${permitBtn}';
          var projectId='${projectId}';
    </script>
    
		<meta charset="utf-8" />
		<title></title>
		<%@include file="../../common/jsVersion.jsp" %>
		<link rel="stylesheet" href="${jypath}/static/css/system/bootstrap/bootstrap.min.css" />
		<script type="text/javascript" src="${jypath}/static/js/jquery/jquery-2.0.3.min.js"></script>
		<script src="${jypath}/static/plugins/layer/2.1/layer.js"></script>
		<script type="text/javascript" src="${jypath}/static/plugins/vue/vue.js"></script>
		<script src="${jypath}/static/plugins/laypage/laypage.js"></script>
		
	</head>

	<body>
		<div class="container-fluid" id="projectProcdefIndex">
			<div class="row ">
				<div class="panel panel-default">
					<div class="panel-heading">查询条件</div>
					<div class="panel-body">
						<div class="col-xs-6">
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-xs-4 control-label"><span style="color:red;">*</span>项目名称:</label>
									<div class="col-xs-8">
										<select class="form-control" v-model="params.projectId" id="queryProjectId">
										    <option value="">请选择</option>
											<option v-for="project in projectList" v-bind:value="project.id">{{project.projectName}}</option>
										</select>
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-xs-4 control-label">关键词:</label>
									<div class="col-xs-8">
										<input type="text" class="form-control" v-model="params.procName">
									</div>
								</div>


							</div>
						</div>
						<!--<div class="col-xs-2" ></div>-->
						<div class="col-xs-6">
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-xs-4 control-label" >流程分类:</label>
									<div class="col-xs-8">
										<select class="form-control" v-model="params.procType">
										    <option value="">全部</option>
											<option v-for="processType in processTypeList" v-bind:value="processType.no">{{processType.des}}</option>
										</select>
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-xs-4 control-label"></label>
									<div class="col-xs-2">
										<button v-if="permission.query" type="button" class="btn btn-primary" v-on:click="queryList">查询</button>
									</div>
									<div class="col-xs-2">
									     <button v-on:click="clearForm" type="button" class="btn btn-default">清空</button>
									</div>
								</div>
							</div>
						</div>
					</div>

					

				</div>
			</div>
			<div class="row">
			<div class="panel panel-default">
			<div class="panel-heading">数据列表</div>
					<div class="panel-body" style="padding:0">
						<table class="table table-striped table-bordered table-hover" style=" margin-bottom:0;border:none;">
									<thead>
										<th>设置</th>
										<th>流程名称</th>
										<th>流程图</th>
										<th>部署时间</th>
										

									</thead>
									<tbody>
									   <tr v-for="pp in ppList">
									   <td>
											<button v-if="permission.edit" type="button" class="btn btn-info btn-xs" v-on:click="setNodeUser(pp.procdefId,pp.projectId)">设置</button>
											<button v-if="permission.setUp" type="button" class="btn btn-info btn-xs" v-on:click="updateProjectProcdef(pp.id,pp.procdefId)">修改</button>
											</td>
											<td>{{pp.procName}}</td>
											<td><a v-on:click="currentType(pp.procdefId)">{{pp.procImageName}}</a></td>
											<td>{{pp.createTimeFormat}}</td>
											
										</tr>
										
									</tbody>
						</table>

					</div>
					</div>
			</div>
			<div class="row">
				<div class="col-xs-12" id="pagination">
				</div>
			</div>

		</div>
		<script type="text/javascript" src="${jypath}/static/js/estate/projectProcdef/list.js?v=${jsVersion}"></script>
	</body>

</html>